/*
=====================================================================================================================================================
FORM STTYLING
=====================================================================================================================================================
*/
/* Basic Reset */
input, textarea, select, label {font-family:inherit; font-size:14px !important; margin:0px; box-shadow:none !important; border-radius:0px !important; position:relative}
input, textarea, select, label {resize:none; outline:none; transition:all .6s ease !important; -webkit-transition:all .6s ease !important; -moz-transition:all .6s ease !important; -o-transition:all .6s ease !important; -ms-transition:all .6s ease !important; border:none !important}
input[type="text"], input[type="password"], textarea, select, label, input[type="submit"]   {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

input, textarea, label {-webkit-appearance: none;}
label a {text-decoration:underline}

input[type="text"]        {border:1px solid #e3e5f3 !important; padding:10px 15px; width:100%; background:#fff; color:#000; height:auto}
input[type="text"]:hover  {border:1px solid var(--secondary-green) !important; color:#000; background:#fff}
input[type="text"]:focus  {border:1px solid var(--primary-green) !important; color:#000; background:#fff}

input[type="password"]        {border:1px solid #e3e5f3 !important; padding:10px 15px; width:100%; background:#fff; color:#000; height:auto}
input[type="password"]:hover  {border:1px solid #004080 !important; color:#000; background:#fff}
input[type="password"]:focus  {border:1px solid #004080 !important; color:#000; background:#fff}

input[type="number"]        {border:1px solid #e3e5f3 !important; padding:10px 15px; width:100%; background:#fff; color:#000; height:auto}
input[type="number"]:hover  {border:1px solid #004080 !important; color:#000; background:#fff}
input[type="number"]:focus  {border:1px solid #004080 !important; color:#000; background:#fff}

input[type="file"]        {border:1px solid #e3e5f3 !important; padding:10px 10px; width:100%; background:#fff; color:#000; height:auto}
input[type="file"]:hover  {border:1px solid #0e1438 !important; color:#000}
input[type="file"]:focus  {border:1px solid #0e1438 !important; color:#000}

input[type="checkbox"]        {margin-right:0px;}
.form-check-label label {cursor:pointer;}
label {cursor:pointer; padding-bottom:5px !important;}

textarea        {border:1px solid #e3e5f3 !important; padding:15px 15px; width:100%; background:transparent; color:#000; margin-bottom:-4px; height:99px !important}
textarea:hover  {border:1px solid #0e1438 !important; color:#000}
textarea:focus  {border:1px solid #0e1438 !important; color:#000}

select          {border:1px solid #e3e5f3 !important; padding:10px 10px; width:100%; background:#fff; color:#999; outline:none}
select:hover    {border:1px solid #0e1438 !important; background:#fff; color:#000}
select:focus    {border:1px solid #0e1438 !important; background:#fff; color:#000}

label           {color:#000 !important; font-weight:normal !important}
label:hover     {color:#000 !important; font-weight:normal !important}
label:focus     {color:#000 !important; font-weight:normal !important}

input[type="submit"]       {border:1px solid #004080 !important; padding:10px 20px 10px !important; background:var(--primary-black) !important; color:#fff; text-transform:uppercase; cursor:pointer; font-size:16px; font-weight:600; display:inline-block; width:auto !important}
input[type="submit"]:hover {background:var(--primary-green) !important; color:#fff}

input[type="submit"].login       {border:1px solid #fff !important; padding:10px 50px !important; background:#ffa800 !important; color:#000; text-transform:uppercase; cursor:pointer; font-size:16px; font-weight:600; width:100%;}
input[type="submit"].login:hover {background:#0e1438 !important; color:#fff}

.verification_box                 {display:block; width:100%; float:left; color:#999}
.verification_box .captcha-img    {display:inline-block; width:120px; float:left; text-align:center; margin-right:5px;}
.verification_box .captcha-code   {display:inline-block; width:19%; float:left;}
.verification_box .captcha-text   {display:inline-block; width:auto; float:left; text-align:left; padding:8px 0px 0px 0px; margin-left:5px;}
.verification_box .captcha-text a {text-decoration:underline; font-size:13px; color:#d88417;} 
.verification_box .captcha-text a:hover {text-decoration:none; font-size:13px; color:#921002;}

.input-group                {position:relative !important}
.input-group .search-btn a  {position:absolute !important; color:#fff; z-index:99; right:3px; top:3px; background:#214657; height:33px; padding:6px 10px; display:block;}
.input-group .search-btn a:hover {background:#0d3548}

.search-area input[type="text"]        {border:1px solid #dddddd !important; padding:8px 10px; width:100%; background:#fff; color:#000; height:auto; font-size:17px !important;}
.search-area input[type="text"]:hover  {border:1px solid #bbbbbb !important; color:#000; background:#fff}
.search-area input[type="text"]:focus  {border:1px solid #bbbbbb !important; color:#000; background:#fff}

.search-area .input-group                {position:relative !important}
.search-area .input-group .search-btn a  {position:absolute !important; color:#969696; z-index:99; right:0px; top:0px; background:transparent; height:38px; padding:10px 10px; display:block; font-size:18px;}
.search-area .input-group .search-btn a:hover {background:#bbbbbb; color:#fff}


.sorting {display:block; margin:0px; padding:0px;}
.sorting ul {display:block; margin:0px; padding:0px;}
.sorting ul li {display:inline-block; margin:0px 0px 0px 1px; padding:0px; border:1px solid #e3e5f3; background:#f5f5f5; transition:all .6s ease !important; -webkit-transition:all .6s ease !important; -moz-transition:all .6s ease !important; -o-transition:all .6s ease !important; -ms-transition:all .6s ease !important;}

.sorting ul li.sort {width:155px}
.sorting ul li.page {width:110px}

.sorting ul li:hover {border:1px solid #004080;}
.sorting ul.bkmrk {display:inline-block}
.sorting ul.bkmrk li a {display: block; text-decoration: none; outline: none; padding: 6px; cursor: pointer; background: #f5f5f5;}
.sorting ul.bkmrk li a:hover {display: block; text-decoration: none; outline: none; padding: 6px; cursor: pointer; background: #fff;}
.sorting ul.bkmrk li a.active {display: block; text-decoration: none; outline: none; padding: 6px; cursor: pointer; background: #fff;}

.sorting select          {border:0px solid #e3e5f3 !important; padding:6px 5px 8px; width:100%; background:#f5f5f5; color:#999; outline:none; margin:0px;}
.sorting select:hover    {border:0px solid #004080 !important; background:#f5f5f5; color:#000; margin:0px;}
.sorting select:focus    {border:0px solid #004080 !important; background:#f5f5f5; color:#000; margin:0px;}

input.addfolder[type="text"]        {width:65%; float:left}
input.addfolder[type="submit"]        {width:35% !important; float:left; padding:10px 0px !important;}

select.addfolder    {width:65%; float:left; padding:10px 10px 9px !important;}

ul.form-keyword {display:block; margin:0; padding:0px;}
ul.form-keyword li {display:inline-block; margin:0; padding:0px; min-wdth:10%;}


/*.checkbox {padding:0px; margin:0px;}*/
#checkbox {position:relative}
.checkbox label {display:inline-block;position:relative;padding: 0px 10px 0px 0px !important; width:100%; margin:0px !important;}
.checkbox label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;right: 0;margin-left: 0px;border: 1px solid #cccccc;border-radius: 1px;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {display: inline-block;position: absolute;width: 16px;height: 16px;top: 0;margin-left: -20px;padding-left: 3px;padding-top: 1px;color: #555555;}
.checkbox input[type="checkbox"] {opacity: 0; display:block}
.checkbox input[type="checkbox"]:focus + label::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; outline:none}
.checkbox input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome';content: "\f00c";}
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed;}
.checkbox.checkbox-circle label::before {border-radius: 50%;}
.checkbox.checkbox-inline {margin-top: 0;}

.checkbox-primary input[type="checkbox"]:checked + label::before {background-color: #fff;border-color: #004080; content:'\f00c'; text-align:center; font-family:'FontAwesome'; font-size:12px; line-height:16px; color:#004080}
.checkbox-primary input[type="checkbox"]:checked + label::after {color:#fff; font-size:0px;}

.checkbox-danger input[type="checkbox"]:checked + label::before {background-color: #d9534f;border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {color: #fff;}

.checkbox-info input[type="checkbox"]:checked + label::before {background-color: #5bc0de;border-color: #5bc0de;}
.checkbox-info input[type="checkbox"]:checked + label::after {color: #fff;}

.checkbox-warning input[type="checkbox"]:checked + label::before{background-color:#f0ad4e; border-color:#f0ad4e;}
.checkbox-warning input[type="checkbox"]:checked + label::after {color:#fff;}
.checkbox-success input[type="checkbox"]:checked + label::before{background-color:#5cb85c;border-color:#5cb85c;}
.checkbox-success input[type="checkbox"]:checked + label::after{color:#fff;}

.checkbox-left label::before {left:0;}
.checkbox-left label {display:inline-block;position:relative;padding:0px 25px 0px 25px !important; width:auto; margin:0px !important;}

.radio {padding-left: 20px;}
.radio label {display: inline-block; position: relative; padding-left: 0px;}
.radio label::before {content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 50%;background-color: #fff;-webkit-transition: border 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out;transition: border 0.15s ease-in-out; }
.radio label::after {display: inline-block;position: absolute;content: " ";width: 11px;height: 11px;left: 3px;top: 3px;margin-left: -20px;border-radius: 50%;background-color: #555555;-webkit-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);}
.radio input[type="radio"] {opacity: 0;}
.radio input[type="radio"]:focus + label::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;  outline:none}
.radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);}
.radio input[type="radio"]:disabled + label {opacity: 0.65;}
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed;}
.radio.radio-inline {margin-top: 0;}

.radio-primary input[type="radio"] + label::after {background-color: #004080;}
.radio-primary input[type="radio"]:checked + label::before {border-color: #004080;}
.radio-primary input[type="radio"]:checked + label::after {background-color: #004080;}


.verification_box                 {display:block; width:100%; float:left; color:#999}
.verification_box .captcha-img    {display:inline-block; width:120px; float:left; text-align:center; margin-right:5px;}
.verification_box .captcha-code   {display:inline-block; width:19%; float:left;}
.verification_box .captcha-text   {display:inline-block; width:auto; float:left; text-align:left; padding:8px 0px 0px 0px; margin-left:5px;}
.verification_box .captcha-text a {text-decoration:underline; font-size:13px; color:#d88417;} 
.verification_box .captcha-text a:hover {text-decoration:none; font-size:13px; color:#921002;}

ul.popup-sort {display:inline-block; padding:0px; margin:20px 0px 0px 0px;}
ul.popup-sort li {display:inline-block; padding:0px; margin:0px 10px 0px 0px;}

ul.popup-sort-rt {float:right}
ul.popup-sort-rt li {display:inline-block; padding:0px; margin:-10px 0px 0px 10px;}

/*ul.popup-sort-rt li input[type="submit"]       {border:1px solid #000 !important; padding:7px 15px 7px !important; background:#fff !important; color:#000; text-transform:none; cursor:pointer; font-size:16px; font-weight:400; display:inline-block; width:auto !important}
ul.popup-sort-rt li input[type="submit"]:hover {background:#000 !important; color:#fff}
ul.popup-sort-rt li.active input[type="submit"] {background:#000 !important; color:#fff}*/

ul.popup-sort li.active a, ul.popup-sort-rt li.active a {background:#000 !important; color:#fff}

@media (max-width:480px) {
ul.popup-sort       {width:100%; float:none; margin:auto; text-align:center; padding-top:20px;}
ul.popup-sort-rt    {width:100%; float:none; margin:auto; text-align:center; margin-top:0px;}

ul.popup-sort li {display:inline-block; padding:0px; margin:0px 0px;}

ul.popup-sort li:nth-child(1), ul.popup-sort-rt li:nth-child(1) {float:left}
ul.popup-sort li:nth-child(2), ul.popup-sort-rt li:nth-child(2){float:right}
}