@import url('chosen.css');
@import url('cm_datepicker.css');

.form-group{ margin:0 -15px 15px; position:relative;}
.form-group:after{ content:''; display:block; clear:both;}

.form_group:before, .form_group:after {content:""; display:table;}
.form_group:after {clear:both;}
/*** form element ***/
.form_container {border:1px solid #9683ba; padding:20px; background:#fff; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);}
.form_group {margin-bottom:15px;}
.form_group label.error, label.error {color:#ff0000; display:block; height:auto; line-height:100%; margin-top:4px;}
.form_group label.error p{ display:inline; margin:0;}
.form_group label {height:34px; line-height:34px;}
span.mandatory_label {color: #b6000b;}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"],select  {width:100%; height:34px; line-height:34px; padding:0 5px; width:100%; border:1px solid #a0b4ec;}
textarea {height:60px; resize:vertical; width:100%; border:1px solid #a0b4ec; padding:5px;}
.ph_box {display:inline-block; width:100%; height:34px; line-height:34px; padding:0 5px; width:100%; border:1px solid #cccccc;}
.ph_box input[type="text"] {height:auto; line-height:24px; box-shadow:none; display:inline-block; outline:none; width:95%; border:none;}

/*** placeholder ***/
::-webkit-input-placeholder {color:#000; font-family: "Open Sans",sans-serif;}
:-moz-placeholder {/* Firefox 18- */color:#000; font-family: "Open Sans",sans-serif;}
::-moz-placeholder {/* Firefox 19+ */color:#000; font-family: "Open Sans",sans-serif;}
:-ms-input-placeholder {color:#000; font-family: "Open Sans",sans-serif;}

/*** select box ***/
.chosen-container-single .chosen-single div b{ background-position:2px 8px;}
.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-14px 8px;}

.search_cont .chosen-container-single .chosen-single div b{ background-position:2px 18px;}
.search_cont .chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-14px 18px;}

.chosen-container {background: #f5f5f5 ; font-size: 14px; padding:0px; width: 100% !important;}
.search_cont .chosen-container {background: #f0f0f0 ; border: none;}
.form_container .chosen-container {border:0; padding:0; background:none;}
.search_p .chosen-container {border:0; padding:0; background:#FFFFFF;}
.form_container .chosen-container, .form_container .chosen-container-single .chosen-single {line-height:32px;}
.form_container .chosen-container-single .chosen-single {padding: 0 0 0 8px;}
.chosen-container .chosen-results li.highlighted {background-color: #00acec;}

/*** multiple select ***/
.chosen-container-multi .chosen-choices {height:34px; line-height:34px;}
.chosen-container-multi .chosen-choices li.search-choice {margin:4px 5px 4px 0; line-height:18px;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {background-position:-42px 3px;}
/*** select box ***/

/*** radio button/ check box  ***/
input[type="radio"], input[type="checkbox"]{width:15px; height:15px; opacity:0; position:absolute; left:0; z-index:99; cursor:pointer;}

.rd_box, .ck_box { margin-right:15px; position:relative; display:inline-block;}
.rd_box input[type="radio"]+span{ width:17px; height:17px; /*background:#9f9f9f;*/ border:1px solid #dfdfdf; display:inline-block; border-radius:50%; cursor:pointer; vertical-align:middle;}
.rd_box input[type="radio"]:checked +span{ background:#00c8ec; border:0px;}

.ck_box input[type="checkbox"]+span{border:1px solid #dfdfdf;  width:17px; height:17px; display:inline-block; vertical-align: top; cursor:pointer;}
.ck_box input[type="checkbox"]:checked +span{ background:#00c8ec; }

.rd_box label, .ck_box label{ display:inline-block;}

/*** ***/
.crd_box, .ck_box, .crd_box.rucheck {background:none; border:0px; border-radius:0; display:inline-block; height:auto; margin-right:15px; position:relative; vertical-align: inherit; width:auto;}
.crd_box input[type="radio"]+span{ width:17px; height:17px; /*background:#9f9f9f;*/ border:1px solid #dfdfdf; display:inline-block; border-radius:50%; cursor:pointer; vertical-align:middle;}
.crd_box input[type="radio"]:checked +span{ background:#00c8ec; border:0px;}

.ck_box input[type="checkbox"]+span{border:1px solid #9683ba;  width:17px; height:17px; display:inline-block; vertical-align: top; cursor:pointer;}
.ck_box input[type="checkbox"]:checked +span{ background:#00c8ec; }

.crd_box label, .ck_box label{ display:inline-block;}
/*** radio button/ check box  ***/
/*Check Box*/
.c_box .inline-block, .r_btn .inline-block{ display:inline-block; width:auto!important; margin:0 10px 0 0; vertical-align:middle;}
.ucheck{border:1px solid #9683ba; background:#f1f1f1; border-radius:0px; width:18px; height:18px; display:inline-block; vertical-align:middle;}
.ucheck.dis{border:1px solid #9683ba; background:#CCC; border-radius:0px; width:18px; height:18px; display:inline-block;}
.check{ border:1px solid #9683ba; background:#FFF; border-radius:0px; width:18px; height:18px; display:inline-block; position:relative;  vertical-align:middle;}
.check:after{content:"\f00c"; color:#00acec; font-family:FontAwesome; font-size:13px; position:absolute; left:2px; top:-1px;}

.ck_all{ background:#00acec; padding:5px 10px;  border-radius:0px; cursor:pointer;}

.cb{ opacity:0; cursor:pointer;}
/*Accordian */
.accordian { border:1px solid #ddd; margin:10px 0 15px;}
.accordian li{  list-style:none; position:relative;}
.accordian li:after{ content:'\f138'; font-family:FontAwesome; font-size:18px; position:absolute; right:15px; top:9px;}
.accordian li.active:after{ content:'\f13a'; font-family:FontAwesome; font-size:18px; position:absolute; right:15px; top:9px;}
.accordian li span{background:#f9f9f9; border-bottom:1px solid #ddd; display:block; padding:7px; cursor:pointer; font-size:14px;}
.accordian li div{ background:#ffffff; padding:10px;}

/*Tab */
.tab{ width:100%; margin:10px auto 15px; }
.tab .tmenu{ display:table; width:100%; margin-bottom: -1px;}
.tab .tmenu li{ float:left; list-style:none; border-radius:5px 5px 0 0;}
.tab .tmenu li a{ display:block; padding:10px 15px; background:#f3f3f3; color:#373737; text-decoration:none; border:1px solid #CCC; border-left:none; font-size:14px;}
.tab .tmenu li:first-child{ border-left:1px solid #CCC;}
.tab .tmenu li a.active{ background:#ffffff; border-bottom:1px solid #ffffff;}
.tab_content{border:1px solid #CCCCCC; padding:15px;}

/*** upload file ***/
.file { position:relative; display:block;}
.file input[type="file"] { width:100%; height:100%; position:absolute; left:0; z-index:15; opacity:0; cursor:default;}
.file:after { content:"\f07c"; display:block; width:20px; /*height:20px;*/ position:absolute; right:5px; top:10px; font-family:FontAwesome; line-height:100%; font-size:16px; color:#999;}
.file .btn-file { position:absolute; right:0; top:0; width:33px; height:33px; cursor: pointer; background:none; border:none; cursor:pointer; z-index:10;}
.file_tbox {border:1px solid #ddd; display:block; padding:5px 10px; width:100%;}

/*Switch*/
.sb{ position:absolute; left:0; top:-20px; }

.switch_wrapper{ position:relative; display:inline-block; width:70px; height:22px; line-height:20px; border:1px solid #999; border-radius:0px; overflow:hidden; text-align:center; font-size:11px; cursor:pointer;} 

.sw_toggle{ display:block;  width:125px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
 margin-left:-48px;
 }

.switch_wrapper .off{ width: 58px; height:20px; line-height:20px; float:left; color:#666666;  font-size:11px; margin-left:-10px;
text-shadow: 0 1px 1px #fff; background: #f1f1f1;}

.switch_wrapper .on{ width: 58px; height:20px; line-height:20px; float:left; color:#373737; text-indent: -5px; font-size:11px; background:#00acec;}

.sw{
	width:20px; height:20px; float:left; margin-left:-10px; position:relative; z-index:10;
    border-radius: 0px;
    box-shadow: 1px 1px 2px #888;	
	background: #f5f5f5;
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #cfcfcf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#cfcfcf));
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#cfcfcf 100%);
	background: -o-linear-gradient(top,  #f5f5f5 0%,#cfcfcf 100%);
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#cfcfcf 100%);
	background: linear-gradient(to bottom,  #f5f5f5 0%,#cfcfcf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#cfcfcf',GradientType=0 );	
	}
label.ib {display: inline-block; vertical-align: middle; width: 20%; line-height:100%; height:auto;}
/*Radio*/
.rb{ opacity:0; cursor:pointer;}
.rucheck{border:2px solid #9683ba; background:#f1f1f1; border-radius:50%; width:18px; height:18px; display:inline-block; vertical-align: text-top;}
.rucheck.rdis{border:2px solid #9683ba; background:#CCC; border-radius:50%; width:18px; height:18px; display:inline-block; }
.rcheck{ border:2px solid #9683ba; background:#ff55ad; border-radius:50%; width:18px; height:18px; display:inline-block; position:relative; vertical-align: text-top;}

.ib input:checked .rcheck { background:#FF0000;}
/*** ./form element ***/

/*** table ***/

.table, thead, tbody{ width:100%;}
.table{ border:1px solid #0a394a; border-top:none; margin:15px 0; background:#F9F9F9;}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th{background:#fff;}
table thead th {background: #e0e0e0; color: #000000; font-size: 14px; font-weight: 600;}
table thead th, table tbody td {border-top: 1px solid #ccc; border-left:1px solid #ccc; line-height: 1.42857; padding: 8px 5px; vertical-align: top; text-align:center;}
table thead th:first-child, table tbody td:first-child {border-left:0px;}